$designWidth: 1080;
@function px2rem( $px ){
    @return $px*320/$designWidth/20 + rem;
}

.header-md::after{
	width: 100%;
	height: 0px;
	background:rgba(255, 255, 255,0.9);
	background-repeat: repeat-x;

}
.ion-page{
	.header-md{
		.toolbar-background{
			// background:rgb(246, 138, 48);
			// background: linear-gradient(to right, rgb(250, 180, 50), rgb(246, 138, 48));
			background: linear-gradient(to right, #ff4200, #ff0000);
			height:50px
		}
	}
}



.navbar{
	height:100px;
	
	img{
		margin-left:px2rem(20);
	}
	.userInfo{
		vertical-align: middle;
		display: flex;
		img{
			width:60px;
			height:60px;
			border-radius: 60px;
		}
		div{
			span{
				float: right;
				position: relative;
				top: 16px;
				left: px2rem(50);
				font-size:20px;
				color:#fff
			}
		}
	}
	.toolbar-background{
		// background:rgb(246, 138, 48);
		background: linear-gradient(to right, #ff4200, #ff0000);
	}

}
.menu-inner{
	width:70%
}
.header{
	.item-md.item-block .item-inner {
	  padding-right: 0px;
	  border-bottom: 0px solid #dedede;
	}

	.ion-md-arrow-back:before {
	  content: "\f3cf";
	}

	.back-button-md {
	  margin: 0px 0px;
	}

	.back-button.show-back-button {
		position:absolute;
		color:#fff;
	}

	ion-title {
		width: fit-content;
		margin: auto;
		div{
			color:#fff;
			font-size:px2rem(120);
		}
	}


}




.app{
	.nav-list{
		color:rgb(46,46,46);
		.item-icon{
			width:px2rem(160);
			height:px2rem(160);
		}
		span{
			display: -webkit-inline-flex;
			vertical-align: super;
			padding-left:px2rem(40);
		}
		.item-inner {
		    border-bottom: 0px solid #dedede;
		}
		
	}
	.nav-list:last-child .item-inner {

	    border-top: 1px solid rgb(219, 219, 219);
	}

}